/* Customize */

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic);


/* General */

html {
	background: #fff;
	color: #000;
}	

body,
#newitem,
#newitem textarea,
.list, .list li {
	padding: 0;
	margin: 0;
}

body {
	padding: 0 10px;
}

html,
#newitem textarea,
.list textarea {
	font: 14px 'PT Sans', Arial, sans-serif;
}

a {
	color: #145acd;
}
a:hover {
	color: #a12c2c;
}

.list {
	list-style: none;
}

#newitem .input textarea:hover,
.list label:hover	{
	border-color: #b3b3b3;	
	box-shadow: 0 1px 1px #e5e5e5;
}	

.clear,
label em {
	background: url(icons.png) no-repeat;
}

#page {
	max-width: 780px;
	margin: 0 auto;
}

#newitem {
	margin: 40px 0;
	padding-bottom: 10px;
	position: relative;
}

	#newitem .input {
		float: left;
		position: relative;
	}
	
	#newitem textarea,
	.list textarea,
	#clone {
		display: block;
		resize: none;
		border: 1px solid #cccccc;	
		border-radius: 2px;
		outline: none;
		overflow: hidden;
		min-height: 18px;
		background: none;
	}
	
		#newitem textarea {
			min-width: 250px;
		}
		
		#clone,
		#newitem textarea,
		.list textarea,
		.list .title textarea {
				padding: 8px;

		}
	
		#clone {
			position: absolute;
			padding-right: 38px;
			display: none;
			top: 50px;
			left: 0;
		}
		
		#newitem .input textarea:focus,
		.list textarea:focus		{
			border-color: #3091f2;
			box-shadow: 0 1px 1px #e5e5e5;	
			background: #fff;
		}
		
		#mic,
		.clear{
			position: absolute;
		}
		#mic {
			font-size: 14px;
			cursor: pointer;
			border: none;
			right: 10px;
			top: 8px;
			width: 16px;
			height: 16px;
			outline: none;
			background: transparent;
		}
		
		.clear {
			background-position: 0 -18px;
			display: block;
			width: 18px;
			height: 18px;
			top: 9px;
			right: 9px;
			display: none;
		}
		
		.clear:hover {	
			background-position: 0 -36px;
		}
		
.list {
	clear: both;
	padding-top: 20px;
}

	.list li {
		padding: 10px 0 10px 26px;
	}

		.list li label{
			position: relative;
			display: block;
			float: left;
			width: 16px;
			height: 16px;
			margin: 0 8px 0 -26px;
			background: #fff;
			border-radius: 2px;
			border: 1px solid #ccc;
			background: -webkit-linear-gradient(#ffffff, #f2f2f2);
		}

		.list li label:active {
			border-color:#ccc;
			box-shadow: none;
		}
		
		.list li.title {
			font-weight: bold;
			padding-left: 0;			
		}		
		
		.list li label em {
			position: absolute;
			display: block;
			width: 18px;
			height: 18px;
			top: -2px;
			left: -1px;
		}			
		
		.list textarea {
			padding-left: 33px;
			margin-left: -34px;
			margin-top: -9px;
			margin-bottom: -9px;
		}		
		
		.list li.title textarea {
			margin-left: -9px;
			font-weight: bold;
		}
		
		.list li em {
			color: #999999;
		}		
		
			.list li.due em {
				color:#e54545;
			}

#return {

	display: none;
	
}
		
/* Responsive */	
	
@media only screen and (max-width: 380px) {

}
